<!--
  Generated template for the MePage page.

  See http://ionicframework.com/docs/components/#navigation for more info on
  Ionic pages and navigation.
-->

<ion-content style="padding:0; font-size: 1.3rem;">
  <div style="width: 5rem;height: 5rem; border-radius:50%;margin: 0 auto;margin-top: 3rem;">
    <img src="{{this.imgUrl}}" style="width: 5rem;height: 5rem;border-radius:50%;background-color: #222222; border: 2px solid rgba(255,255,255,0.8);">
  </div>

  <div style="width: 100%; text-align: center;margin-top: 1.2rem;">
    <p style="margin: 0;">{{this.usrName}}</p>
    <p style="margin: 0;padding-top: 0.3rem;font-size: 1.2rem;">{{this.memberInfo}}</p>
    <!--<p style="margin: 0;padding-top: 0.1rem;font-size: 0.8rem;" *ngIf="">会员截止到{{this.date2(this.time1)}}</p>-->
  </div>
  <!--<div style="margin: 8rem 0 0 2rem; font-size: 1.2rem">-->
    <!--<p>绑定手机号为：<span></span></p>-->
    <!--<p>会员类型：{{memType}}<span></span></p>-->
    <!--<p>有效期：<span></span></p>-->
  <!--</div>-->



  <div  style="width: 100%;border-top: 2px solid #e1e1e1;height: 5rem;border-bottom: 2px solid #e1e1e1;margin-top: 2rem;">
    <div style="width: 2.5rem;height: 2.5rem; float: left;margin-top: 1.1rem;margin-left: 2rem;visibility:visible">
      <i class="iconfont icon-bangdingshouji01" ></i>
    </div>

    <!--<div style="display:none">-->
      <!--<p style="width: 7rem;height: 4rem;float: left;margin: 0;line-height: 5rem;margin-left: 0.6rem;">-->
        <!--手机绑定-->
      <!--</p>-->
      <!--<div style="width: 1.5rem;height: 1.5rem; float: right;margin-right: 2rem;margin-top: 1.65rem;">-->
        <!--<i class="iconfont icon-jiufuqianbaoicon07" style="font-size: 1.5rem;"></i>-->
      <!--</div>-->
    <!--</div>-->

      <div style="dispaly:block">
        <p style="width: 7rem;height: 4rem;float: left;margin: 0;line-height: 5rem;margin-left: 0.6rem;visibility:visible">
          手机号：
        </p>
        <span style="height: 4rem;float: left;margin: 0;line-height: 5rem;margin-left: -1rem;">{{this.phoneNum1}}***{{this.phoneNum2}}</span>
        <div style="width: 1.5rem;height: 1.5rem; float: right;margin-right: 2rem;margin-top: 1.65rem;">
          <i class="iconfont icon-jiufuqianbaoicon07" style="font-size: 1.5rem;"></i>
        </div>
      </div>
  </div>


  <div (click)="openPurchasehistory()" style="width: 100%;height: 5rem;border-bottom: 2px solid #e1e1e1;visibility:visible">
    <div style="width: 2.5rem;height: 2.5rem; float: left;margin-top: 1.1rem;margin-left: 1.7rem;">
      <i class="iconfont icon-xiaofeijilu" ></i>
    </div>
    <p style="width: 7rem;height: 3rem;float: left;margin: 0;line-height: 5rem;margin-left: 0.8rem;">
      购买记录
    </p>
    <div style="width: 1.5rem;height: 1.5rem; float: right;margin-right: 2rem;margin-top: 1.65rem;">
      <i class="iconfont icon-jiufuqianbaoicon07" style=";font-size: 1.5rem;"></i>
    </div>
  </div>


  <div (click)="openVip()" *ngIf="this.usrVip=='2'" style="width: 100%;height: 5rem;border-bottom: 2px solid #e1e1e1;visibility:visible">
    <div style="width: 2.5rem;height: 2.5rem; float: left;margin-top: 1.1rem;margin-left: 1.7rem;">
      <i class="iconfont icon-huiyuan" ></i>
    </div>

      <p style="width: 7rem;height: 3rem;float: left;margin: 0;line-height: 5rem;margin-left: 0.8rem;">开通会员
      </p>
      <div style="width: 1.5rem;height: 1.5rem; float: right;margin-right: 2rem;margin-top: 1.65rem;">
        <i class="iconfont icon-jiufuqianbaoicon07" style=";font-size: 1.5rem;"></i>
      </div>

  </div>

  <div *ngIf="this.usrVip=='1'" style="width: 100%;height: 5rem;border-bottom: 2px solid #e1e1e1;visibility:visible">

    <div style="width: 2.5rem;height: 2.5rem; float: left;margin-top: 1.1rem;margin-left: 1.7rem;">
      <i class="iconfont icon-huiyuan" ></i>
    </div>
      <p style="width: 10rem;height: 3rem;float: left;margin: 0;line-height: 5rem;margin-left: 0.8rem;">
        会员截止日期：
      </p>
      <span style="height: 4rem;float: left;margin: 0;line-height: 5rem;margin-left: -1rem;">{{this.date2(this.time1)}}</span>
      <div style="width: 1.5rem;height: 1.5rem; float: right;margin-right: 2rem;margin-top: 1.65rem;">
        <i class="iconfont icon-jiufuqianbaoicon07" style=";font-size: 1.5rem;"></i>
      </div>


  </div>



  <div (click)="openHistory()" style="width: 100%;height: 5rem;border-bottom: 2px solid #e1e1e1;visibility:visible">
    <div style="width: 2.5rem;height: 2.5rem; float: left;margin-top: 1.1rem;margin-left: 1.7rem;">
      <i class="iconfont icon-lishijilu" ></i>
    </div>
    <p style="width: 7rem;height: 3rem;float: left;margin: 0;line-height: 5rem;margin-left: 0.8rem;">
      观看记录
    </p>
    <div style="width: 1.5rem;height: 1.5rem; float: right;margin-right: 2rem;margin-top: 1.65rem;">
      <i class="iconfont icon-jiufuqianbaoicon07" style=";font-size: 1.5rem;"></i>
    </div>
  </div>




  <ion-card (click)="open_home()"style="border-radius:0.5rem; width: 10rem;height: 2.5rem; box-shadow: 0.1rem 0.1rem 0.5rem #CDCECD;text-align: center; margin: 0 auto;margin-top: 2rem; ">
    <span style="font-size: 1rem;line-height: 2.5rem; text-align: center;">返回主页</span>
  </ion-card>
</ion-content>
